<template>
	<div class="private-box">
		<div class="private-cot">
			<img class="private-cot_bg" v-if="false" src="https://s.5ug.com/wwwroot/uploads/api/352-706-530/2021-08-24/6124a4a76c1dd26dabde0e64.png" />
			<div class="private-cot_int" v-html="viewModel.content"></div>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				viewModel: {}
			}
		},
		mounted() {
			this.init()
		},
		methods: {
			async init() {
				this.viewModel = await this.$ala.httpGet('Api/contract/QuerySingle?contractType=1')
			}
		}
	}
</script>
<style lang="scss">
	.private-box {
		background-color: #007edd;

		.private-cot {
			width: 1002px;
			margin: auto;
			padding: 10px 0;

			.private-cot_bg {
				width: 1002px;
				height: 410px;
			}

			.private-cot_int {
				width: 1002px;
				padding: 50px;
				background-color: #FFFFFF;

				p {
					color: #707070;
					line-height: 22px;
				}

				strong {
					font-size: 14px;
					color: #707070;
					font-weight: bold;
				}

				li {
					font-size: 15px;
					color: #333333;
					line-height: 30px;
				}
			}
		}
	}
</style>